<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>阿姨技师报名-双欧</title>
  <meta name="description"
        content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
  <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
  <link rel="stylesheet" type="text/css" href="css/city.css"/>
  <link rel="stylesheet" type="text/css" href="css/city-picker.css"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link rel="stylesheet" type="text/css" href="css/index.css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>

<div class="bg">
  <!--公共头部 header start-->
  <header>
    <div class="container">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <p class="header-right">
        <a href="javascript:;" class="welcome">阿姨/技师报名</a>
      </p>
    </div>
  </header>
  <!--公共头部  header end-->
  <div class="banner-top banner-top-apply">
    <div class="container">
      <p class="p01">
        欢迎阿姨/技师入驻
      </p>
      <a href="javascript:;" class="path-home">首页/</a><a href="javascript:;" class="path-home">注册成为双鸥服务人员</a>
    </div>
  </div>
  <div class="container main employee-apply-container">
    <div class="employee-apply-left login-wrap-right">
      <p class="tit tit02">
        我要报名
      </p>
      <div class="employee-apply-left-cont">
        <form class="layui-form layui-form-employee-apply" action="">
          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>您的姓名</label>
            <div class="layui-input-block">
              <input type="text" name="name" placeholder="请输入您的真是姓名" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>您的性别</label>
            <div class="layui-input-block layui-input-block-radio">
              <input type="radio" name="sex" value="男" title="男">
              <input type="radio" name="sex" value="女" title="女" checked="">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>手机号码</label>
            <div class="layui-input-block">
              <input type="tel" name="phone" placeholder="请输入年的手机号码" autocomplete="off" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>出生日期</label>
            <div class="layui-input-block">
              <input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>您的家乡</label>
            <div class="layui-input-block">
              <div class="city-box">
                <div id="distpicker1">
                  <div class="form-group">
                    <div style="position: relative;">
                      <input id="city-picker1" class="form-control" readonly type="text" value="请选择省" data-toggle="city-picker">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div><!--您的家乡-->

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>意向工作城市</label>
            <div class="layui-input-block">
              <div class="city-box">
                <div id="distpicker2">
                  <div class="form-group">
                    <div style="position: relative;">
                      <input id="city-picker2" class="form-control" readonly type="text" value="请选择省/市" data-toggle="city-picker">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div><!--意向工作城市-->

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>意向工种</label>
            <div class="layui-input-block layui-input-block-radio">
              <div class=""></div>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">*</em>推荐人</label>
            <div class="layui-input-block">
              <input type="text" name="referrer" placeholder="请输入推荐人姓名" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <button class="layui-btn btn1" lay-submit="" lay-filter="demo2">立即申请</button>
          </div>

        </form>
      </div>
    </div>
    <div class="employee-apply-right">
      <p class="tit">招募要求</p>
      <p class="intro">
        <b>阿姨招募要求：</b><br>
        30~50周岁，初中及以上学历，会说普通话，勤劳能干，身体健康；
        具有1年以上的保洁经验熟练操作各类清洁设备，了解清洁剂的使用，具备沟通能力，有一定的服务意识。
      </p>
      <p class="intro">
        <b>技师招募要求：</b><br>
        30~50周岁，初中及以上学历，会说普通话，勤劳能干，身体健康；
        具有1年以上的保洁经验熟练操作各类清洁设备，了解清洁剂的使用，具备沟通能力，有一定的服务意识。
      </p>
      <hr class="hr-line">
      <p class="tit">福利待遇</p>
      <p class="intro">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.
      </p>
      <hr class="hr-line">
      <p class="tit">关于培训</p>
      <p class="intro">
        每位员工加入双鸥前会根据所属工种，进行相应内容的专业培训，培训周期一般为5~15天。培训结束后将进行考核，考核通过者即可开始工作。
      </p>
    </div>
  </div>
</div>
<!--公共底部  footer start-->
<footer>
  <div class="container">
    <div class="footer-left">
      <dl class="footer-link footer-link-server">
        <dt>双欧服务平台</dt>
        <dd><a href="javascript:;">保洁服务</a></dd>
        <dd><a href="javascript:;">维修服务</a></dd>
        <dd><a href="javascript:;">绿植服务</a></dd>
        <dd><a href="javascript:;">净化服务</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>关于双鸥</dt>
        <dd><a href="javascript:;">双鸥介绍</a></dd>
        <dd><a href="javascript:;">联系我们</a></dd>
        <dd><a href="javascript:;">服务反馈</a></dd>
        <dd><a href="javascript:;">平台协议</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>市场合作</dt>
        <dd><a href="javascript:;">成为企业用户</a></dd>
        <dd><a href="javascript:;">申请加入我们</a></dd>
      </dl>
    </div>
    <div class="footer-right">
      <div class="contact-info">
        <span class="tel">TEL: 021-55235501</span>
        <span class="work-time">(周一至周五 10:00-19:00)</span>
          <span class="contact">
            邮箱：Info@serviceo2o.com<br>传真：021-55235512
          </span>
      </div>
      <div class="qr">
        <img src="images/qr.jpg" alt="">
        <span class="text">【关注双鸥公众号】</span>
      </div>
    </div>
  </div>
  <div class="footer-btm">
    <div class="container">
      <span class="icon footer-logo bg-pic_footer_shuangou">双欧</span>
      <span class="text">Copyright © 2018 SOA 双鸥环境服务  版权所有</span>
    </div>
  </div>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script src="js/city-picker.data.js"></script>
<script src="js/city-picker.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
  $("#city-picker1").citypicker({
   level:'province'
   });
  $("#city-picker2").citypicker({
    level:'city'
  });
  var mySwiper = new Swiper('#bannerSwiper',{
    mode:'horizontal',
    loop: true,
    autoplay:false,
    pagination: '#bannerpagination',
    paginationClickable: true,
    grabCursor : true
  });

</script>
<script>
  layui.use(['form', 'layedit', 'laydate'], function(){
    var form = layui.form
        ,layer = layui.layer
        ,layedit = layui.layedit
        ,laydate = layui.laydate;

    //日期
    laydate.render({
      elem: '#date'
    });


    //自定义验证规则
    form.verify({
      title: function(value){
        if(value.length < 5){
          return '标题至少得5个字符啊';
        }
      }
      ,pass: [/(.+){6,12}$/, '密码必须6到12位']
      ,content: function(value){
        layedit.sync(editIndex);
      }
    });


    //监听提交
    form.on('submit(demo1)', function(data){
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      })
      return false;
    });



  });
</script>
</body>
</html>